﻿<?php
    session_start();
    if(! isset($_SESSION['username'])) {
        header('Location:index.html');
    }

    ?>
<?php session_start();//在最顶端，不要bai有输出
	 include('config.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="target-densitydpi=medium-dpi,width=device-width,initial-scale=1" name="viewport" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>星月</title>
<link rel="stylesheet" href="./font/iconfont.css">
<script src="./font/iconfont.js"></script>
<link type="text/css" href="css/app.css" rel="stylesheet"/>  

<script type="text/javascript" src="js/jQuery.js" ></script>
<script type="text/javascript" src="js/swipe.js" ></script>
<script type="text/javascript" src="js/zepto.js" ></script>
<!--图片轮播所用 -->    
<style>

.footer a {
 width:96px;
 height:96px;
    margin: 5px 5px 5px 0;
    position: absolute;
    border-radius: 50px;
 }

.subNav a {
  display: block;
  float: left;
  width: 25%;
  height: 64px;
  text-align: center;
  font-size: 14px;
  color: #333;
  padding-top: 10px;
}

.icon {
            width: 1em;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
            font-size: 20px;
            
} 
       
       
 
 </style>
</head>
<body>

<div class="header"><span>星        月</span></div>

<div id="channel">
   
	<div class="body">
	
		<!--幻灯片管理-->
		<div style="-webkit-transform:translate3d(0,0,0);">
			<div id="banner_box" class="box_swipe">
				<ul>
					<li><a href="#"><img src="img/banner/0.jpg" alt="0" style="width:100%;" /></a></li>
					<li><a href="#"><img src="img/banner/1.jpg" alt="1" style="width:100%;" /></a></li>
					<li><a href="#"><img src="img/banner/2.jpg" alt="2" style="width:100%;" /></a></li>
					<li><a href="#"><img src="img/banner/3.jpg" alt="3" style="width:100%;" /></a></li>
					<li><a href="#"><img src="img/banner/4.jpg" alt="4" style="width:100%;" /></a></li>
				</ul>
				<ol>
					<li class="on"></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ol>
			</div>
		</div>
		
		<script type="text/javascript">
		$(function(){
			new Swipe(document.getElementById('banner_box'), {
				speed:500,
				auto:3000,
				callback: function(){
					var lis = $(this.element).next("ol").children();
					lis.removeClass("on").eq(this.index).addClass("on");
				}
			});
		});
		</script>
	
	
		<div class="subNav">
			<a href="main.php"><svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-zhuye-"></use>
    </svg><br><p>主页</p></a>
			<a href="add.php"><p><svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-qingjiashenqing"></use>
    </svg><br>我要请假</p></a>
			<a href="search.php"><p><svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-chakansousuo"></use>
    </svg><br>查看搜索</p></a>
			<a href="courseview.php"><p><svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-wentifankui"></use>
    </svg><br>问题反馈</p></a>
			<a href="gao.php"><svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-tongzhigonggao"></use>
    </svg><br><p>战队公告</p></a>
			<a href="liu.php"><p><svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-liuyanban"></use>
    </svg><br>留言板</p></a>
			<a href="qing.php"><p><svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-tubiaozhizuomoban"></use>
    </svg><br>清人名单</p></a>
                         <a href="addcourse.php"><p><svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-wode"></use>
    </svg><br>我的</p></a>
                        
		<script>
        $(function () {
            // 1 隐式迭代   给所有按钮绑定点击事件
            $("a").click(function () {
                // 2 当前的元素变化背景颜色
                $(this).css("background", "#fff");
                // 3 其余的兄弟去掉背景颜色 隐式迭代
                $(this).siblings("a").css("background", "");
            });
        })

    </script>
			<div class="c"></div>
		</div> 
 
		
		


</body>
</html>